<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html+css+javascript测试</title>
    <style>
        span {
            color: blueviolet;
        }
    </style>
</head>

<body>

    <video src="./mov_bbb.mp4" width="200px;" height="200px;" controls></video>
    <audio src="./song.ogg" controls></audio>
    <form>
     <label>用户名：</label>   <input/>
     <label>密码：</label>   <input/>
     <button>登陆</button>
    </form>

    <br/>
    <br/>
    <br/>

<table border="1">
        <tr>
            <td>列1</td>
            <td>列2</td>
            <td>列3</td>
            <td>列4</td>
        </tr>
        <tr>
                <td>列1</td>
                <td>列2</td>
                <td>列3</td>
                <td>列4</td>
            </tr>  <tr>
                    <td>列1</td>
                    <td>列2</td>
                    <td>列3</td>
                    <td>列4</td>
                </tr>
        
    </table>
    <span>666</span>
    <p>223</p>
    <p>223</p>
    <img src="./test1.jpg" />
    <a href="https://www.baidu.com/">百度一下</a>
    <dl>
        <dt>html</dt>
        <dd>写网页内容的语言</dd>

        <dt>css</dt>
        <dd>美化网页的语言</dd>

        <dt>Javascript</dt>

        <dd>响应用户操作的语言</dd>
    </dl>
    <ul>
        <li>事件1</li>
        <li>事件2</li>
        <li>事件3</li>
        <li>事件4</li>
        <li>事件5</li>
        <li>事件6</li>
        <li>事件7</li>
    </ul>

    <ol>
        <li>事件1</li>
        <li>事件2</li>
        <li>事件3</li>
        <li>事件4</li>
        <li>事件5</li>
        <li>事件6</li>
        <li>事件7</li>
    </ol>

</body>

</html>